<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
    <meta name="viewport" content="width=800px,maximum-scale=1.0, user-scalable=no,target-densitydpi=320" />
    <title>未还/续借</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/jq.js"></script>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="libname"><i class="icon-home">&nbsp;</i><span>小扬扬智障儿童欢乐多图书馆</span></div>
        </div>
    </header>
    <div class="maincontainer">
        <div class="wrapper">
            <section id="renew">
                <div class="readername"><span><i class="icon-search">&nbsp;</i>未还清单/续借——</span>Young Zhou</div>
                <ul class="list">
                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">01</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名1</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">02</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名2</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">03</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名3</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">04</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名4</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">05</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名5</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                    <li class="oneoflist">
                        <div class="first">
                            <div class="number">06</div>
                        </div>
                        <div class="last">
                            <div class="bookname">题名题名题名6</div>
                            <div class="bookout"><span>外借时间</span><span>2017-01-01</span></div>
                            <div class="bookin"><span>到期时间</span><span>2017-01-01</span></div>
                            <div class="resttime"><span>剩余时间(天)</span><span>20</span></div>
                            <div class="renewtimes"><span>剩余续借次数</span><span>2</span></div>
                            <div class="booknum1"><span>索书号</span><span>I247/0001</span></div>
                            <div class="booknum2"><span>图书条码</span><span>006013</span></div>
                        </div>
                        <div class="renewop">
                            <button>续借</button>
                        </div>
                    </li>

                </ul>
            </section>
        </div>
    </div>
    <footer>
        <div class="wrapper">
            <ul class="footernav">
                <li>
                    <a href="index.html">
                        <div class="footerimg ftimg01"></div><span>首页</span></a>
                </li>
                <li>
                    <a href="message.html">
                        <div class="footerimg ftimg02"></div><span>消息</span></a>
                </li>
                <li>
                    <a href="event.html">
                        <div class="footerimg ftimg03"></div><span>活动</span></a>
                </li>
                <li>
                    <a href="mine.html">
                        <div class="footerimg ftimg04"></div><span>我的</span></a>
                </li>
            </ul>
        </div>
    </footer>

</body>

</html>
